<template>


	<view class="row j-sb">

		<view style="width: 372.5upx;" v-for="(item,index) in commonList" :key='index' 
		
		@click='goToDetail'
		>
			<image :src="item.cover" mode="widthFix" lazy-load></image>
			<view class="p-2 pt-1">
				<view class="font-md">{{item.title}}</view>
				<text class="d-block font text-light-muted">{{item.desc}}</text>
				<view class="d-flex my-1">
					<price> {{item.pprice}}</price>
					<view class="font-sm text-light-muted line-through ml-1 a-self-end line-h">￥{{item.oprice}}</view>
				</view>
			</view>

		</view>

	</view>

</template>

<script>
	
		import  price  from '@/components/common/price.vue'
	export default {
		props: {
			commonList: {
				type: Array
			}
		},
		components:{
			price
		},
		methods:{
			goToDetail() {
				uni.navigateTo({
					url:'../../pages/detail/detail'
				})
			}
		}
	}
</script>

<style>
</style>
